Skip to main content

Page Variable Configuration

The Page Variable section allows you to create and manage dynamic variables for use in various parts of the AI Studio. These variables can be used to store values, customize page behavior, or pass data across different sections of your application. Page variables enable flexibility and adaptability, making it easier to handle complex workflows, store intermediate results, and pass data between components.

Key Features​

  1. Group Selection:

    • You can categorize your page variables into different groups for better organization. For example, variables like Initial Node or String can be grouped under a common category such as Initialization or User Input. This organization helps maintain a clean workspace and simplifies locating variables during development.

  2. Variable Type:

    • The system supports various data types for variables, including:
      • String: For textual data.
      • Number: For numerical data, which can be used in calculations.
      • Boolean: For true/false values.
      • Object/Array: To store complex data structures or lists.
      • Function: To store executable code that can be triggered dynamically.
    • This flexibility allows you to define the variable type that best suits the data you intend to store and manipulate.

  3. Initial Value:

    • Set the initial value for your variable (e.g., 0 for a number, "" for a string, true for a boolean). The initial value will be used when the variable is first initialized, providing a default state that can later be modified based on your application’s logic or user interaction.

  4. Dynamic Updates:

    • Page variables can be dynamically updated through the Page Variable interface. This feature is essential for real-time applications, allowing variables to change based on user input, system events, or other dynamic interactions without the need to reload or refresh the page.

  5. Global and Local Scope:

    • Variables can be scoped either globally or locally. Global variables are accessible throughout the entire project, while local variables are specific to the page or component they are defined in. This helps in managing state and data flow efficiently across the system.

Adding a New Page Variable​

Creating a new page variable is a simple process. Follow these steps to define a new variable for your page:

  1. Enter Group Name: Start by providing a name for the group under which your variable will be categorized. This helps in organizing and grouping related variables together. For instance, if you're managing user-related data, you could group variables under User Data.

  2. Select Page: Choose the page where this variable will be used or referenced. This helps to ensure the variable is linked to the correct section of your project. If the variable needs to be globally accessible, ensure that it is linked to a global context.

  3. Set Variable Name: Define a unique name for your page variable. Example names might be UserAge, InitialNode, or SessionToken. The name should be descriptive and follow a consistent naming convention to improve readability.

  4. Choose Data Type: Select the appropriate data type from the available options:

    • String: For text data.
    • Number: For numeric values.
    • Boolean: For true/false values.
    • Object/Array: For structured data.

  5. Define Initial Value: Provide an initial value for the variable. This value will be used when the variable is first initialized in the system.

  6. Click Save: After filling in all necessary fields, click the Save button to create the page variable.

Example Page Variable Setup:​

Here is an example of how you might set up a page variable:

  • Group: Initialization
  • Variable Name: InitialNode
  • Type: String
  • Initial Value: "Start"

In this example, the variable InitialNode holds a string value "Start", and it is categorized under Initialization to signify that it is part of the starting configuration for the system.

Summary:​

Page Variables provide a flexible and powerful way to store and manage data dynamically within your AI projects. By allowing you to define, update, and use variables in real time, they help to maintain a smooth and efficient workflow.

Manage Existing Page Variables​

Once the page variable has been created, you can easily manage it through the Page Variable Management section. This section provides a list of all active page variables, and you can perform the following actions:

  • Edit: Modify the variable’s name, type, value, or other configurations.
  • Delete: Remove unnecessary variables to clean up the workspace.

The management interface will display key details about each variable, such as the name, page, and created-by information. This allows you to track your variables, ensuring your workspace stays organized.

Actions:​

  • View: Inspect the details of a page variable.
  • Edit: Modify the properties of an existing variable.
  • Delete: Remove a variable that is no longer needed.

Benefits of Using Page Variables​

  • Dynamic Data Management: Page variables enable the dynamic management of data throughout the application, providing a flexible way to store and manipulate information.

  • Better Organization: By categorizing variables into groups and using clear naming conventions, page variables help maintain organization across your AI project.

  • Enhanced Customization: With the ability to set initial values, define data types, and update variables dynamically, page variables allow for high levels of customization in your application.

  • Real-time Updates: Page variables can be updated dynamically, making them ideal for applications that need to adjust data on the fly based on user input or system events.

Conclusion​

The Page Variable feature in AI Studio is a vital tool for managing dynamic content and state within your AI projects. With the ability to define, update, and organize variables effectively, you can ensure that your models and applications behave as intended, even as conditions change. Whether you're building a conversational assistant, handling complex workflows, or managing session states, page variables provide the flexibility and power needed to streamline development and improve user interactions.

By leveraging page variables, you gain better control over your data and logic flow, ensuring more dynamic and responsive applications.